<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>关注列表</title>
    <link href="bootstrap-3.2.0/css/bootstrap.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/popup.css" />
    
    <script src="js/libs.js" charset="UTF-8"></script>
    <script src="js/vue.js" charset="UTF-8"></script>
    <script src="js/custom.js" charset="UTF-8"></script>
    <script src="js/jquery-3.1.0.js" charset="UTF-8"></script>
    <script src="bootstrap-3.2.0/js/bootstrap.js" charset="UTF-8"></script>
    <script src="js/subm-es5.js" charset="UTF-8"></script>
    <script src="js/subm.js" charset="UTF-8"></script>
    <script src="js/config.js" charset="UTF-8"></script>
</head>
<body>
<div id="list">
    <div v-show="sites.length == 0">
        <p style="text-align:center" v-trans="'=还没有启用的网站, 请到选项页启用'"></p>
    </div>
    <div class="site-template" v-show="sites.length != 0" v-for="site in sites" v-bind:data-id="site.id">
        <div class="site-header" v-on:click="open(site.homepage)">
            <p class="site-name" v-text="site.name"></p>
        </div>
        <div class="site-items">
            <div v-if="!site.ready">
                <p style="text-align:center">
                    <img src="img/loading.gif" />
                    <span v-trans="'=数据加载中...'"></span>
                </p>
            </div>
            <div v-if="site.ready">
                <div v-if="site.stream.length == 0">
                    <p style="text-align:center" v-trans="'=你关注的主播还没有开播'"></p>
                </div>
                <div v-else>
                    <div class="stream-item" :class2="{'stream-hover': config.misc.preview}" v-on:click="open(item.url)" v-for="item in site.stream">
                        <!--img v-bind:src="item.img" v-bind:class="{'hidden': !config.misc.preview}"-->
                        <div class="stream-item-preview" :style="imgStyle(item)" :class="{hidden: !config.misc.preview}"></div>
                        <div class="stream-item-detail">
                            <p class="stream-item-title" v-text="item.title"></p>
                            <span class="stream-item-time" v-text="getShowTime(item)"></span>
                            <span class="stream-item-nick" v-text="item.nick"></span>
                            <span class="stream-item-online" v-text="'=观看人数' | trans {online:item.online}"></span>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/popup.js" charset="UTF-8"></script>
</body>
</html>